{% extends "base.html" %} {% block head %} {{ super() }}
<link rel="stylesheet"
	href="../static/bootstrap/css/bootstrap-theme.min.css">
<script>
	/*$(document).ready(function(){
	
	});*/
	</script>
{% endblock %} {% block content %}
<!--div class="container"-->
<div class="col-xs-18 col-sm-12"
	style="height: 1024px; margin-top: 100px;">
	<div class="left-side-bar col-xs-4 col-sm-2">
		<a href="logout">Logout</a>
		<p>My messages</p>
		<a href="manage_items" class="btn btn-primary">Manage my items</a> <a
			href="manage_categories" class="btn btn-primary">Manage
			categories</a> <a href="/" class="btn btn-primary">Home</a> <a
			href="user_manager" class="btn btn-primary">User Management</a>
	</div>

	<div class="main-content col-xs-10 col-sm-8">
		<div class="list-group col-md-10">

			{% if items != None %} {% for item in items %}
			<div href="#" class="list-group-item">
				<div class="row col-md-12">
					<div class="col-md-3">
						<img class="portrait-icon" src="../{{item.pictures[0].path}}"
							style="width: 200px; height: 150px;" alt="Picture" href="#" />
					</div>
					<div class="col-md-9">
						<div class="row">
							<div class="item-name col-md-8">
								<h4>{{item['name']}}</h4>
							</div>
							<div class="item-price col-md-4">
								<h5>${{item['price']}}</h5>
							</div>
						</div>
						<div class="row">
							<div class="text-block col-md-12">{{item['description']}}</div>
						</div>
					</div>
				</div>

				<div class="row col-md-12">
					<div class="info-line col-md-3">By {{item.user['username']}}</div>
					<div class="item-created col-md-3">{{item['created']}}</div>
					<div class="media-expand hidden"></div>
					<div class="feedback-line col-md-6">60 minutes ago good
						|comment</div>
				</div>
			</div>
			{% endfor %} {% endif %}
		</div>
	</div>

	<div class="right-side-bar col-xs-4 col-sm-2" role="navigation">
		<div class="sidebar-nav">
			<ul class="nav">
				<li class="active"><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
			</ul>
		</div>
	</div>

</div>


<!--/div-->

{% endblock %}
